<script setup lang="ts">
import { ref } from 'vue';
import child from './child.vue';
import child1 from './child1.vue';
let toy = ref('')

</script>
<template>
    <div class="father">
        <h2>我是父组件</h2>
        <h3 v-if="toy"> 子组件的玩具:{{ toy }}
        </h3>
        <child></child>
 
        <child1></child1>
    </div>
</template>
<style lang="css" scoped>
.father {
    width: 800px;
    padding-left: 20px;
    height: 100%;
    background-color: gray;
}
</style>